<template>
    <div class="login">
      <MyHead title="登录"></MyHead>
      <van-tabs v-model="active" color="#fb7299" title-active-color="#fb7299">
        <van-tab title="账号登录" name="account">
          <LoginByAccount/>
        </van-tab>
        <van-tab title="手机登录" name="phone">
          <LoginByPhone/>
        </van-tab>
      </van-tabs>
    </div>
  </template>
  
  <script>
  import LoginByAccount from './LoginByAccount.vue';
  import LoginByPhone from './LoginByPhone.vue';
  export default {
      data() {
          return {
              form: {},
              active: "account"
          };
      },
      methods: {
          onSubmit() {
              console.log(this.form);
              this.$router.push({ path: "/main" });
          },
      },
      
      components: { LoginByAccount, LoginByPhone }
  };
  </script>
  
  <style lang="scss">
.login{
    
    .myform{
        padding:15px;
        .linkitems{
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            font-size: 12px;
            margin-top:20px;
            .cm{
                display: block;
                text-align: center;
                max-width: 120px;
                height: 20px;
                line-height: 20px;
                background: skyblue;
                border-radius: 10px;
                color:pink;
                padding: 0px 5px;
            }
            .co{
                display: block;
                text-align: center;
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: pink;
                border-radius: 10px;
                color:skyblue;
            }
        }
    }
}
</style>